<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页面</title>
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/shopping.css">
    <link href="/libs/jquery/exzoom/jquery.exzoom.css" rel="stylesheet">
</head>

<body>
    <header></header>
    <div class="nullbox"></div>
    <div class="main">
        <div class="mainbox">
            <p>
                <a href="/html/goods.html">
                    <b>在线商城</b>
                </a>
                &nbsp;&nbsp;/ &nbsp;
                <b id="pageUp">商品分类</b>
                &nbsp;&nbsp; /&nbsp;
                <span>详情页面</span>
            </p>
            <div class="goods">
                <div class="exzoom" id="exzoom">
                    <script type="text/html" id="scimgshow">
                    <img src="{{photo[0].url}}" class="zoom-image">
                        <div class="imgs">
                            <ul id="gal1">
                                {{each photo tab}}
                                <li>
                                    <a class="zoomGalleryActive" href="javascript:;" data-image="{{tab.url}}" data-zoom-image="{{tab.url}}">
                                        <img src="{{tab.url}}" class="smallpic">
                                    </a>
                                </li>
                                {{/each}}
                            </ul>
                        </div>
                    </script>
                </div>

                <div class="goodsrt" id="goodsetid">
                </div>
                <script type="text/html" id="scgoodsrt">

                    <h2>{{title}}</h2>
                    <div class="goods_box">
                        <div class="goods_title">会员价</div>
                        <div class="goods_num">
                            <span>￥{{price}}</span>
                            <p class="originPrice"> 零售价：
                                <span> {{originPrice}}  </span>
                            </p>
                            <p class="saleNum">销量：
                                <span>{{saleNum}}</span>
                            </p>
                            <p>节省：
                                <span>{{num}}元</span>
                            </p>
                           
                        </div>
                    </div>
                    <div class="goods_cart">
                        <!-- <p>数量选择</p>
                        <button>-</button>
                        <input type="text" value="1">
                        <button>+</button> -->
                        <p>剩余库存 <span>({{favoritedCount}})</span> 件</p>
                    </div>
                    <div class="goods_btn">
                        <div class="btn_shoppingcart">
                            <a href="#">加入购物车</a> 
                        </div>
                        <div>
                            <a href="#">立即购买</a>
                        </div>
                    </div>
                </script>
            </div>
            <div class="soucang">
                <span>收藏商品 </span>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <span> 分享商品</span>
            </div>
            <div class="detailsbox">
                <div class="detailsbx" id="renderdetailsbx">

                </div>
                <script type="text/html" id="scdetailsbx">
                    <div class="detailstab">商品详情</div>
                    <div >用户评论</div>
                    {{each descContentList tab}}
                    <i>
                        <img src="{{tab.photo.url}}" alt="">
                    </i>
                    {{/each}}
                </script>
            </div>
        </div>

    </div>
    
    <footer></footer>
    <script src="/libs/require/require.js" data-main="/js/shopping"></script>
</body>

</html>